section.w-f-md.scrollable
  .slim-scroll(data-height='auto', data-disable-fade-out='true', data-distance='0', data-size='10px', data-railopacity='0.2')
    nav.nav-primary.hidden-xs
      ul.nav.bg.clearfix
        li.hidden-nav-xs.padder.m-t.m-b-sm.text-xs.text-muted 推荐
        li
          a(href='/')
            i.icon-home.icon.text-success
            span.font-bold 首 页
        li
          a(href='/events')
            i.icon-picture.icon.text-info
            span.font-bold 图片
        li
          a(href='/video')
            i.icon-social-youtube.icon.text-info
            span.font-bold MV
        li.m-b.hidden-nav-xs
      ul.nav.text-sm
        li
          a(href="/blog")
            i.icon.icon-notebook
            span blog
        li
          a(href='/about')
            i.icon-playlist.icon.text-success-lter
            span 关于
footer.footer.hidden-xs.no-padder.text-center-nav-xs
  .bg.hidden-xs
    .dropdown.dropup.wrapper-sm.clearfix
      if user
        a.dropdown-toggle(href='#', data-toggle='dropdown')
          span.thumb-sm.avatar.pull-left.m-l-xs
            img.dker(src='/#{user.face}', alt='#{user.nickName}的头像')
          span.hidden-nav-xs.clear
            span.block.m-l
              strong.font-bold.text-lt #{user.nickName}
              b.caret
            span.text-muted.text-xs.block.m-l #{user.email}
        ul.dropdown-menu.animated.fadeInRight.aside.text-left
          li
            span.arrow.bottom.hidden-nav-xs
            a(href='/profile') 设置
          li
            a(href='/logout') 登出
      else
        a.btn.btn-block.m-t-xs.m-b-xxs(href="/signin")
          i.icon-user-follow
          span.hidden-nav-xs.m-l 登陆
